﻿<div class="row w-100">
    <div class="input-group w-75" style="margin:auto;margin-top:20px">
        <div class="input-group-prepend">
            <span class="input-group-text">类型</span>
        </div>
        <select id="Typeselect" class="selectpicker show-tick form-control">
            <option value="0">默认不选</option>
            <option value="1">客户</option>
            <option value="2">代理商</option>
        </select>

        <div class="input-group-prepend" style="margin-left:50px">
            <span class="input-group-text">用户名</span>
        </div>
        <input type="text" placeholder="昵称/姓名/手机号/编号" aria-label="First name" class="form-control" id="Username">
    </div>
    <div class="input-group w-75" style="margin-top:20px">
        <button type="button" class="btn btn-info" style="margin-left:210px" id="Alluser">所有用户</button>
        <button type="button" class="btn btn-success" style="margin-left:10px" id="Customer">所有客户</button>
        <button type="button" class="btn btn-success" style="margin-left:10px" id="Agent">所有代理商</button>
        <button type="button" class="btn btn-success" style="margin-left:10px" id="Tadyuser">今日客户</button>
        <button type="button" class="btn btn-success" style="margin-left:10px" id="Tadagent">今日代理商</button>
        <button type="button" class="btn btn-danger" style="margin-left:10px" id="Adduser">添加客户+</button>
        <button type="button" class="btn btn-danger" style="margin-left:10px" id="Addagent">添加代理+</button>
    </div>
    <div class="input-group w-75" style="margin-left:10px">
        <button type="button" class="btn btn-danger" id="Allserch">搜索全部</button>
    </div>
</div>
<div class="row" style="margin-top:30px;height:60%;background-color:#ffffff">
    <div class="col-12">
        <div style="font-size:20px;color:#8f919f">
            平仓记录

        </div>
        <table class="table table-striped table-sm table-hover" style="font-size:15px;color:#808080">
            <thead>
                <tr>
                    <th scope="col">用户ID</th>
                    <th scope="col">客户信息</th>
                    <th scope="col">客户名称</th>
                    <th scope="col">创建日期</th>
                    <th scope="col">最近登录</th>
                    <th scope="col">订单数</th>
                    <th scope="col">账户余额</th>
                    <th scope="col">身份</th>
                    <th scope="col">红利</th>
                    <th scope="col">佣金</th>
                    <th scope="col">归属代理商</th>
                    <th scope="col">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1<!--用户ID--></td>
                    <td scope="row">1<!--客户信息--></td>
                    <td>1<!--客户名称--></td>
                    <td>11<!--创建日期--></td>
                    <td>1<!--最近登录--></td>
                    <td>1<!--订单数--></td>
                    <td>1<!--账户余额--></td>
                    <td>1<!--身份--></td>
                    <td>1<!--红利--></td>
                    <td>1<!--佣金--></td>
                    <td>1<!--归属代理商--></td>
                    <td>
                        <a href="" class="bg- badge badge-danger">禁用</a>
                        <a href="" class="badge badge-success">成为代理商</a>
                        <a href="" class="badge badge-danger">修改</a>
                        <a href="" class="badge badge-danger">删除</a>
                        <a href="" class="badge badge-info">签约</a>
                        <a href="" class="badge badge-info">资金报表</a>
                    </td>
                </tr>

            </tbody>
        </table>
        <nav aria-label="Page navigation example" style="display:flex;justify-content:center">
            <ul class="pagination">
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li class="page-item"><a class="page-link" href="#">1</a></li>
                <li class="page-item"><a class="page-link" href="#">2</a></li>
                <li class="page-item"><a class="page-link" href="#">3</a></li>
                <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>

</div>
